<template>
  <div class='typeGou'>
     <!-- 顶部 -->
     <van-nav-bar title="分类">
       <template #right>
          <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <!-- 左侧 -->
    <van-tree-select :items="items" :main-active-index.sync="active">
      <template #content>
        <div class="fl-right"  v-if="active === 0">
          <!-- 主粮选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a @click="getZL">狗狗主粮
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/zhuliang/1.jpg" alt="">
                                    </div>
                                    <p>进口狗粮</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/zhuliang/2.jpg" alt="">
                                    </div>
                                    <p>国产狗粮</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/zhuliang/3.jpg" alt="">
                                    </div>
                                    <p>冻干狗粮</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌1.jpg" alt="">
                                    </div>
                                    <p>天衡宝Natural Balance</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌2.jpg" alt="">
                                    </div>
                                    <p>比瑞吉Nature Bridge</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌3.jpg" alt="">
                                    </div>
                                    <p>AVODerm</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌4.jpg" alt="">
                                    </div>
                                    <p>枫树大道Maples</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌5.jpg" alt="">
                                    </div>
                                    <p>原始猎食渴望Orijen</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌6.jpg" alt="">
                                    </div>
                                    <p>伯纳天纯Pure&Natural</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌7.jpg" alt="">
                                    </div>
                                    <p>冠能PRO PLAN</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/zhuliang/品牌8.jpg" alt="">
                                    </div>
                                    <p>雷米高</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right" v-if="active === 1">
          <!-- 零食选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗零食
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/零食/1.jpg" alt="">
                                    </div>
                                    <p>磨牙洁齿</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/零食/2.jpg" alt="">
                                    </div>
                                    <p>肉质零食</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/零食/3.jpg" alt="">
                                    </div>
                                    <p>电信饮料</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌1.jpg" alt="">
                                    </div>
                                    <p>SmartBones</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌2.jpg" alt="">
                                    </div>
                                    <p>K9Natural</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌3.png" alt="">
                                    </div>
                                    <p>路斯LUSCIOUS</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌4.jpg" alt="">
                                    </div>
                                    <p>绿的Greenies</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌5.png" alt="">
                                    </div>
                                    <p>宝路Pedigree</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌6.jpg" alt="">
                                    </div>
                                    <p>约翰农场</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/品牌7.jpg" alt="">
                                    </div>
                                    <p>梵米派Famipet</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/零食/全部.png" alt="">
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          </div>
        <div class="fl-right" v-if="active === 2">
          <!-- 玩具选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗玩具
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/玩具/1.jpg" alt="">
                                    </div>
                                    <p>磨牙洁齿</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/玩具/2.jpg" alt="">
                                    </div>
                                    <p>肉质零食</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/玩具/3.jpg" alt="">
                                    </div>
                                    <p>电信饮料</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌1.jpg" alt="">
                                    </div>
                                    <p>KONG</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌2.jpg" alt="">
                                    </div>
                                    <p>贝适安PetSafe</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌3.jpg" alt="">
                                    </div>
                                    <p>梵米派Famipet</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌4.jpg" alt="">
                                    </div>
                                    <p>莱诺LaRoo</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌5.jpg" alt="">
                                    </div>
                                    <p>SoDaPup</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌6.png" alt="">
                                    </div>
                                    <p>红脚丫Red Paw</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/品牌7.jpg" alt="">
                                    </div>
                                    <p>星记STARMARK</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/玩具/全部.png" alt="">
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>  
        </div>
        <div class="fl-right"  v-if="active === 3">
          <!-- 清洁选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗清洁
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/清洁/1.jpg" alt="">
                                    </div>
                                    <p>清洁除臭</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/清洁/2.jpg" alt="">
                                    </div>
                                    <p>尿片湿巾</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/清洁/3.jpg" alt="">
                                    </div>
                                    <p>狗狗厕所</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌1.jpg" alt="">
                                    </div>
                                    <p>哆啦小萌</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌2.jpg" alt="">
                                    </div>
                                    <p>可悠Cocoyo</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌3.jpg" alt="">
                                    </div>
                                    <p>雪貂留香XUEDIAO</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌4.jpg" alt="">
                                    </div>
                                    <p>酒家</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌5.jpg" alt="">
                                    </div>
                                    <p>俏尾巴SmartTail</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/清洁/品牌6.jpg" alt="">
                                    </div>
                                    <p>小宠</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>

        </div>
        <div class="fl-right"  v-if="active === 4">
          <!-- 保健选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗保健
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗保健/图片1.jpg" alt="">
                                    </div>
                                    <p>强化免疫</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗保健/图片2.jpg" alt="">
                                    </div>
                                    <p>美毛增毛</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗保健/图片3.jpg" alt="">
                                    </div>
                                    <p>肠胃调理</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌1.jpg" alt="">
                                    </div>
                                    <p>麦德氏</p>
                                </a>
                            </li>
                            <!-- <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌2.jpg" alt="">
                                    </div>
                                    <p>MAG</p>
                                </a>
                            </li> -->
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌3.jpg" alt="">
                                    </div>
                                    <p>谷登GOLDEN</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌4.jpg" alt="">
                                    </div>
                                    <p>凯久K9 Super Health</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌5.jpg" alt="">
                                    </div>
                                    <p>小宠</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌6.jpg" alt="">
                                    </div>
                                    <p>信元发育宝</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/品牌7.jpg" alt="">
                                    </div>
                                    <p>维克Virbac</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗保健/查看全部.png" alt="">
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right"  v-if="active === 5">
          <!-- 护理选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗护理
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗护理/图片1.jpg" alt="">
                                    </div>
                                    <p>体外驱虫</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗护理/图片2.jpg" alt="">
                                    </div>
                                    <p>体内驱虫</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗护理/图片3.jpg" alt="">
                                    </div>
                                    <p>皮肤护理</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌1.jpg" alt="">
                                    </div>
                                    <p>犬心保Heartgard</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌2.jpg" alt="">
                                    </div>
                                    <p>哆啦小萌</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌3.jpg" alt="">
                                    </div>
                                    <p>福来恩FRONTLINE</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌4.jpg" alt="">
                                    </div>
                                    <p>麦高臣MicrocynAH</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌5.jpg" alt="">
                                    </div>
                                    <p>多美洁Tropiclean</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌6.jpg" alt="">
                                    </div>
                                    <p>红狗RedDog</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌7.jpg" alt="">
                                    </div>
                                    <p>维克Virbac</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗护理/品牌8.jpg" alt="">
                                    </div>
                                    <p>小宠</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right"  v-if="active === 6">
          <!-- 生活选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗生活
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗生活/图片1.jpg" alt="">
                                    </div>
                                    <p>狗狗餐具</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗生活/图片2.jpg" alt="">
                                    </div>
                                    <p>狗狗外出</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗生活/图片3.jpg" alt="">
                                    </div>
                                    <p>狗狗住所</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌1.jpg" alt="">
                                    </div>
                                    <p>悠润</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌2.jpg" alt="">
                                    </div>
                                    <p>可悠Cocoyo</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌3.png" alt="">
                                    </div>
                                    <p>Pioneer Pet</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌4.jpg" alt="">
                                    </div>
                                    <p>Industripet</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌5.png" alt="">
                                    </div>
                                    <p>宠博士CHONGBOSHI</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗生活/品牌6.jpg" alt="">
                                    </div>
                                    <p>梵米派Famipet</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right"  v-if="active === 7">
          <!-- 牵引选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>狗狗牵引
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗牵引/图片1.jpg" alt="">
                                    </div>
                                    <p>伸缩牵引</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗牵引/图片2.jpg" alt="">
                                    </div>
                                    <p>日常颈圈</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/狗狗牵引/图片3.jpg" alt="">
                                    </div>
                                    <p>日常拉带</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌1.png" alt="">
                                    </div>
                                    <p>福莱斯flexi</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌3.png" alt="">
                                    </div>
                                    <p>拉夫威尔RW</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌4.jpg" alt="">
                                    </div>
                                    <p>瑞鼎狗REDDINGO</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌5.jpg" alt="">
                                    </div>
                                    <p>多尼斯DOGNESS</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌6.png" alt="">
                                    </div>
                                    <p>伊丽Elita</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌7.jpg" alt="">
                                    </div>
                                    <p>意潇</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/狗狗牵引/品牌8.jpg" alt="">
                                    </div>
                                    <p>Timberwolf</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right"  v-if="active === 8">
          <!-- 洗澡美容选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>洗澡美容
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/洗澡美容/图片1.jpg" alt="">
                                    </div>
                                    <p>日常洗护</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/洗澡美容/图片2.jpg" alt="">
                                    </div>
                                    <p>洗澡配套</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/洗澡美容/图片3.jpg" alt="">
                                    </div>
                                    <p>梳洗工具</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
        <div class="fl-right"  v-if="active === 9">
          <!-- 服饰窝垫选框详情 -->
          <div class="fl-right-one">
                    <div class="fl-right-one-box">
                        <a>服饰窝垫
                            <img src="../../public/cate_right_img.png" alt="">
                        </a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/服饰窝垫/图片1.jpg" alt="">
                                    </div>
                                    <p>潮流服饰</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/服饰窝垫/图片2.jpg" alt="">
                                    </div>
                                    <p>精美配饰</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-one-box">
                                        <img src="../../public/服饰窝垫/图片3.jpg" alt="">
                                    </div>
                                    <p>睡床窝垫</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
          <div class="bgfff">
                    <div class="fl-right-pp">
                        <a href="">热门品牌</a>
                        <ul class="clearfix">
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌1.png" alt="">
                                    </div>
                                    <p>Opawz</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌2.png" alt="">
                                    </div>
                                    <p>拉夫威尔RW</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌3.png" alt="">
                                    </div>
                                    <p>彼痞客ppark</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌4.jpg" alt="">
                                    </div>
                                    <p>韵新Wincent</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌5.jpg" alt="">
                                    </div>
                                    <p>贝欧BEOW</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="right-two-box">
                                        <img src="../../public/服饰窝垫/品牌7.jpg" alt="">
                                    </div>
                                    <p>KOJIMA</p>
                                </a>
                            </li>
                        </ul>
                    </div>
          </div>
        </div>
      </template>
    </van-tree-select>

    <!-- 底部栏 -->
    <div class="bottom">
            <mt-tabbar fixed>
                <mt-tab-item>
                    <img slot="icon" src="../../public/底部-image/精选.png">精选
                </mt-tab-item>
                <mt-tab-item>
                    <img slot="icon" src="../../public/底部-image/分类.png">分类
                </mt-tab-item>
                <mt-tab-item>
                    <img slot="icon" src="../../public/底部-image/购物车.png">购物车
                </mt-tab-item>
                <mt-tab-item>
                    <img slot="icon" src="../../public/底部-image/我的.png">我的
                </mt-tab-item>
            </mt-tabbar>
    </div>    
  </div>
</template>

<script>

  export default {
    data() {
    return {
      active: 0,
      items: [{ text: ' 狗狗主粮' }, { text: '狗狗零食' },{ text: ' 狗狗玩具' }, { text: '狗狗清洁' },{ text: ' 狗狗保健' }, { text: '狗狗护理' },{ text: ' 狗狗生活' }, { text: '狗狗牵引' },{ text: ' 狗狗美容' }, { text: '服饰窝垫' }],
    };
  },
  method:{
      getZL(){
          this.axios("/getGL").then((res)=>{
              
          })
      }
  }
  }
</script>

<style src="../assets/css/fl-right.css"></style>

<style>
.typeGou .van-tree-select{
  height: 100% !important;
}
.typeGou .van-tree-select__nav{
  flex:0.5;
}
.typeGou .van-sidebar-item{
  font-size: 13px !important;
}
.typeGou .van-tree-select__nav-item{
  padding:14px 8px !important;
}
.typeGou .van-sidebar-item--select::before{
  background-color: #26A2FF;
}
</style>